<style>
	
	
	a:link{
  		color:blue;
  		text-decoration:none;
	}
	a:hover{
  		color:red;
  		text-decoration:underline;
	}
	a:visited{
  		color:blue;
	}
	a:active{
 		 color:yellow;
	}

	div{
		width:300px;
		
		background-image:-webkit-linear-gradient(top,#F9FBCB,#F8F8F3)		
	}
	h3{
		
		text-indent:30px;
		font-size:16px;
		line-height:30px;
		color:white;
		background:green url("bang.gif")no-repeat 110px center;
	}
	li{
		list-style:none;
		font-size:12px;
		height:26px;
		line-height:20px;
		text-indent:25px;	
		
	}
	ul li:nth-of-type(1){
		background:url("book_no01.gif")no-repeat 1px center;
	}

	ul li:nth-of-type(2){
		background:url("book_no02.gif")no-repeat 1px center;
	}
	ul li:nth-of-type(3){
		background:url("book_no03.gif")no-repeat 1px center;
	}
	ul li:nth-of-type(4){
		background:url("book_no04.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(5){
		background:url("book_no05.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(6){
		background:url("book_no06.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(7){
		background:url("book_no07.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(8){
		background:url("book_no08.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(9){
		background:url("book_no09.gif")no-repeat 3px center;
	}
	ul li:nth-of-type(10){
		background:url("book_no10.gif")no-repeat 3px center;
	}


	
</style>


<meta charset="utf-8">
<div>
<h3>畅销书排行</h3>

<ul>
<li><a href="#">不抱怨的世界(畅...<>
<li><a href="#">遇见未知的自己...<>
<li><a href="#">活法（季羡林、...<>
<li><a href="#">高效能人士的七个习惯<>
<li><a href="#">被迫强大（北外女生香奈儿...<>
<li><a href="#">遇见心想事成的自己（《遇...<>
<li><a href="#">世界上最伟大的推销员（插...<>
<li><a href="#">我的成功可以复制（唐骏亲...<>
<li><a href="#">少有人走的路：心智成熟的...<>
<li><a href="#">活出全新的自己——唤醒...<>
</ul>
</div>
